<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.css" rel="stylesheet">
    <link href="https://cdn.bootcss.com/normalize/7.0.0/normalize.css" rel="stylesheet">
    <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.js"></script>
    <script src="https://cdn.bootcss.com/twitter-bootstrap/3.4.1/js/bootstrap.js"></script>
    <script src="./js/information.js"></script>
    <script src="./js/pagination.js"></script>
    <link rel="stylesheet" href="css/pagination.min.css">
    <style>
        body{margin: 0;padding: 0;position: relative;}
        .box{border: solid #000 1px;position: absolute;top: 50px;left: 500px;background: #c0c4cc;
            display: none;width: 500px;padding-left: 100px;padding-top: 20px;}
    </style>

</head>
<body>
<div>
    <div class="row clearfix">
        <div class="col-md-12">
            <div class="data clearfix" style="margin-top: 10px;padding-left: 10px;border-bottom: darkgray solid 1px">
                <div class="row pull-left" style="padding-left: 20px">
                    <span class="glyphicon glyphicon-list-alt"></span>
                    <span>数据列表</span>
                </div>
                <button class="pull-right btn btn-sm btn-default btn-info" id="return">返回</button>
            </div>
            <div style="margin-top: 15px;padding-left: 20px">
                输入姓名查找
                <input id="keyword" name="keyword" type="text">
                <button id="search" name="search">搜索</button>
            </div>
            <table class="table table-bordered table-hover" style="margin-top: 20px">
                <thead>
                <tr>
                    <th class="text-center">
                        序号
                    </th>
                    <th class="text-center">姓名</th>
                    <th class="text-center">账号</th>
                    <th class="text-center">密码</th>
                    <th class="text-center">手机号码</th>
                    <th class="text-center">管理身份</th>
                    <th class="text-center">备注</th>
                    <th class="text-center">注册时间</th>
                    <th class="text-center" colspan="2">操作</th>
                </tr>
                </thead>
                <tbody id="tbody">
                </tbody>
            </table>
            <nav aria-label="Page navigation">
                <ul class="pagination">
                    <li><a>第<span id="paging">1</span>页</a></li>
                    <li><a href="#" id="homePage" >首页</a></li>
                    <li><a href="#" id="prevPage">上一页</a></li>
                    <li><a href="#" id="nextPage" >下一页</a></li>
                    <li><a><input type="text" style="width: 2em" id="pageNum"></a></li>
                    <li><a href="#" id="goPage">Go</a></li>
                    <li><a>共<span id="countPage">1</span>页</a></li>
                    <button class="pull-right btn btn-sm btn-default btn-info" id="flush" onclick="history.go(0)">刷新一下</button>
                </ul>
            </nav>
        </div>
    </div>
</div>

</body>
</html>
